<template>
    <div>
		<el-row :gutter="20" class="listCard" style="margin-top: 20px;">
		    <el-col :span="16">
		        <el-card class="box-card">
		            <div slot="header" class="clearfix">
		                <span>经营概况</span>
		                <router-link to=""><el-button style="float: right; padding: 3px 0" type="text">更多</el-button></router-link>
		            </div>
		            <el-row class="demo-color-box">
		                <el-col :span="8">
		                    <img width="40" src="../../assets/img/home-icon01.png" />
		                </el-col>
		                <el-col :span="14">
		                    赋码数量
		                    <!-- <p>{{statisics.manufacture}}</p> -->
		                </el-col>
		            </el-row>
		            <el-row class="demo-color-box">
		                <el-col :span="8">
		                    <img width="40" src="../../assets/img/home-icon02.png" />
		                </el-col>
		                <el-col :span="14">
		                    扫码数量
		                    <!-- <p>{{statisics.print}}</p> -->
		                </el-col>
		            </el-row>
		            <el-row class="demo-color-box">
		                <el-col :span="8">
		                    <img width="40" src="../../assets/img/home-icon02.png" />
		                </el-col>
		                <el-col :span="14">
		                    田间操作次数
		                    <!-- <p>{{statisics.scan}}</p> -->
		                </el-col>
		            </el-row>
		            <el-row class="demo-color-box">
		                <el-col :span="8">
		                    <img width="40" src="../../assets/img/home-icon02.png" />
		                </el-col>
		                <el-col :span="14">
		                    采收数量
		                    <!-- <p>{{statisics.user}}</p> -->
		                </el-col>
		            </el-row>
					<el-row class="demo-color-box">
					    <el-col :span="8">
					        <img width="40" src="../../assets/img/home-icon02.png" />
					    </el-col>
					    <el-col :span="14">
					        种植面积
					        <!-- <p>{{statisics.user}}</p> -->
					    </el-col>
					</el-row>
					<el-row class="demo-color-box">
					    <el-col :span="8">
					        <img width="40" src="../../assets/img/home-icon02.png" />
					    </el-col>
					    <el-col :span="14">
					        地块数量
					        <!-- <p>{{statisics.user}}</p> -->
					    </el-col>
					</el-row>
					<el-row class="demo-color-box">
					    <el-col :span="8">
					        <img width="40" src="../../assets/img/home-icon02.png" />
					    </el-col>
					    <el-col :span="14">
					        休耕地块
					        <!-- <p>{{statisics.user}}</p> -->
					    </el-col>
					</el-row>
					<el-row class="demo-color-box">
					    <el-col :span="8">
					        <img width="40" src="../../assets/img/home-icon02.png"/>
					    </el-col>
					    <el-col :span="14">
					        员工数量
					        <!-- <p>{{statisics.user}}</p> -->
					    </el-col>
					</el-row>
		        </el-card>
		    </el-col>
		    <el-col :span="8">
		        <el-card class="box-card">
		            <div slot="header" class="clearfix">
		                <span>消息中心</span>
		                <router-link to="/message"><el-button style="float: right; padding: 3px 0" type="text">更多</el-button></router-link>
		            </div>
					
		            <!-- <div v-for="(o,index) in messageList" :key="index" class="text item">
		                <span style="height: 30px; overflow:hidden; width:75%; display:inline-block;">{{o.content}}</span>
		                <font>{{sub(o.createTime)}}</font>
		            </div> -->
		        </el-card>
		    </el-col>
		</el-row>
		<el-row :gutter="20" class="listCard" >
			<el-col :span="16">				<el-card class="box-card">
					<div slot="header" class="clearfix">
					    <span>基地信息</span>
					    <router-link to=""><el-button style="float: right; padding: 3px 0" type="text">更多</el-button></router-link>
					</div>
				</el-card>
			</el-col>
			<el-col :span="8" style="height:100px;">
			   <el-card class="box-card" >
			   	<h2>使用指南</h2>
			   </el-card>
				<el-card class="box-card" style="margin-top:20px;height:120px;">
					广告位
				</el-card>
			</el-col>
		</el-row>
		<el-row :gutter="20" class="listCard" >
			<el-col :span="8">
				<el-card class="box-card">
					<div slot="header" class="clearfix">
					    <span>扫码分布</span>
					    <!-- <router-link to=""><el-button style="float: right; padding: 3px 0" type="text">更多</el-button></router-link> -->
					</div>
				</el-card>
			</el-col>
			<el-col :span="16">
			   <el-card class="box-card" >
			   	<div slot="header" class="clearfix">
			   	    <span>扫码统计</span>
			   	   
			   	</div>
			   </el-card>
			
			</el-col>
		</el-row>
    </div>
</template>

<script>
    export default {
        data(){
            return{

            }
        }
    }
</script>

<style scoped lang="less">
.list .el-col{ margin-bottom: 20px; height: 346px;}
.list .el-col .el-card{ height: 100%;}
.noBoder .el-card__header{ border-bottom: 0; padding: 18px 20px 0px;}
.box-card .text{ line-height: 30px; font-size: 12px; position: relative;}
.box-card .item font{ position: absolute; right: 5px;}
.listCard .el-col{ margin-bottom: 20px; height: 250px;}
.listCard .el-col .el-card{ height: 100%;}
.demo-color-box{
    float: left;
    width: 25%;
    padding: 0 20px 20px;
    height: 90px;
    line-height: 24px;
    color: #fff;
    .el-col{
        height: 100%;
        color: #606266;
        font-size: 14px;
        p{
            color: #303133;
            font-weight: 600;
        }
    }
}
</style>

